<ul class="nav metro-nav-list bs-docs-sidenav">
   <!-- Components -->
   <li><a href="#components" class="nav-header">Components</a></li>
   <li>
      <a href="#metro-commands">Command Buttons&nbsp;<span class="badge badge-success">new</span></a>
      <ul class="nav">
         <li><a href="#metro-commands-example">Examples</a></li>
         <li><a href="#metro-commands-custom">Customization</a></li>
      </ul>
   </li>
   <li>
      <a href="#dropdowns">Dropdowns</a>
      <ul class="nav">
         <li><a href="#dropdowns-example">Example</a></li>
         <li><a href="#dropdowns-alignment">Alignment options</a></li>
         <li><a href="#dropdowns-submenus">Sub menus</a></li>
      </ul>
   </li>
   <li>
      <a href="#btn-groups">Button groups</a>
      <ul class="nav">
         <li><a href="#btn-groups-single">Basic button group</a></li>
         <li><a href="#btn-groups-toolbar">Button toolbar</a></li>
         <li><a href="#btn-groups-vertical">Vertical variation</a></li>
      </ul>
   </li>
   <li>
      <a href="#btn-dropdowns">Button dropdowns</a>
      <ul class="nav">
         <li><a href="#btn-dropdowns-sizes">Button sizes</a></li>
         <!--<li><a href="#btn-dropdowns-single">Single button dropdown</a></li>-->
         <li><a href="#btn-dropdowns-split">Split button dropdown</a></li>
         <li><a href="#btn-dropdowns-dropup">Dropup variation</a></li>
      </ul>
   </li>
   <li>
      <a href="#nav">Navs</a>
      <ul class="nav">
         <li><a href="#nav-tabs">Tabs nav</a></li>
         <li><a href="#nav-pills">Pills nav</a></li>
         <!--<li><a href="#nav-justified">Justified nav</a></li>-->
         <li><a href="#nav-disabled-links">Disabled links</a></li>
         <li><a href="#nav-alignment">Alignment options</a></li>
         <li><a href="#nav-dropdowns">Using dropdowns</a></li>
         <li><a href="#nav-list">Nav list</a></li>
         <li><a href="#metro-nav-list">Metro Nav list&nbsp;<span class="badge badge-success">new</span></a></li>
         <li><a href="#nav-tabbable">Tabbable nav</a></li>
      </ul>
   </li>
   <li>
      <a href="#navbar">Navbar</a>
      <ul class="nav">
         <li><a href="#navbar-basic">Basic navbar</a></li>
         <li><a href="#navbar-nav">Nav links</a></li>
         <li><a href="#navbar-forms">Forms in navbars</a></li>
         <li><a href="#navbar-fixed-top">Fixed top navbar</a></li>
         <li><a href="#navbar-fixed-bottom">Fixed bottom navbar</a></li>
         <li><a href="#navbar-static-top">Static top navbar</a></li>
         <li><a href="#navbar-responsive">Responsive navbar</a></li>
      </ul>
   </li>
   <li><a href="#breadcrumbs">Breadcrumbs</a></li>
   <li>
      <a href="#pagination">Pagination</a>
      <ul class="nav">
         <li><a href="#pagination-default">Default pagination</a></li>
         <li><a href="#pagination-pager">Pager</a></li>
      </ul>
   </li>
   <li><a href="#labels">Labels</a></li>
   <li><a href="#badges">Badges</a></li>

   <li><a href="#thumbnails">Thumbnails</a></li>
   <li>
      <a href="#alerts">Alerts</a>
      <ul class="nav">
         <li><a href="#alerts-default">Default alert</a></li>
         <li><a href="#alerts-block">Block alerts</a></li>
         <li><a href="#alerts-alternatives">Contextual alternatives</a></li>
      </ul>
   </li>
   <li>
      <a href="#toasts">Toast Notification</a>
      <ul class="nav">
         <li><a href="#toasts-text">Text only</a></li>
         <li><a href="#toasts-imagetext">Image & Text</a></li>
         <li><a href="#toasts-usage">Live demo</a></li>
      </ul>
   </li>
   <li>
      <a href="#progress">Progress bars</a>
      <ul class="nav">
         <li><a href="#progress-determinate">Determinate progress bar</a></li>
         <li><a href="#progress-stacked">Stacked</a></li>
         <li><a href="#progress-alternatives">Contextual alternatives</a></li>
         <li><a href="#progress-indeterminate">Indeterminate&nbsp;<span class="badge badge-success">new</span></a></li>
         <li><a href="#progress-indeterminate-ring">Indeterminate Ring&nbsp;<span class="badge badge-success">new</span></a></li>
         <!--<li><a href="#progress-striped">Striped</a></li>-->
         <!--<li><a href="#progress-animated">Animated</a></li>-->
      </ul>
   </li>
   <li><a href="#media">Media object</a></li>
   <!--<li>-->
   <!--<a href="#list-group">List group</a>-->
   <!--<ul class="nav">-->
   <!--<li><a href="#list-group-basic">Basic list group</a></li>-->
   <!--<li><a href="#list-group-chevrons">Chevrons</a></li>-->
   <!--<li><a href="#list-group-badges">Badges</a></li>-->
   <!--<li><a href="#list-group-badges-chevrons">Badges and chevrons</a></li>-->
   <!--<li><a href="#list-group-linked">Linked items</a></li>-->
   <!--<li><a href="#list-group-custom-content">Custom content</a></li>-->
   <!--&lt;!&ndash; <li><a href="#list-group-pic">Leading picture</a></li> &ndash;&gt;-->
   <!--</ul>-->
   <!--</li>-->
   <!--<li>-->
   <!--<a href="#panels">Panels</a>-->
   <!--<ul class="nav">-->
   <!--<li><a href="#panels-basic">Basic panel</a></li>-->
   <!--<li><a href="#panels-heading">Panel with heading</a></li>-->
   <!--<li><a href="#panels-alternatives">Contextual alternatives</a></li>-->
   <!--<li><a href="#panels-list-group">With list groups</a>-->
   <!--</li></ul>-->
   <!--</li>-->
   <li>
      <a href="#misc">Misc</a>
      <ul class="nav">
         <li><a href="#misc-well">Wells</a></li>
         <li><a href="#misc-close">Close icon</a></li>
      </ul>
   </li>
</ul>
